<!DOCTYPE>
<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>abcjs</title>
        <link rel="stylesheet" href="css/resemble.css">
	    <script src="js/bin/wavesurfer.min.js"></script>
        <script src="js/bin/resemble.js"></script>
        <script src="js/bin/jquery-3.1.0.min.js" type="text/javascript"></script>
	</head>
	<body>
    <div>
        <audio controls autoplay></audio>
        <input onclick="startRecording()" type="button" value="录音" />
        <input onclick="stopRecording()" type="button" value="停止" />
        <input onclick="playRecording()" type="button" value="播放" />
        <input onclick="uploadAudio()" type="button" value="提交" />
    </div>
<div id="waveform"></div>
<div id="waveform2"></div>
<div class="container">
    <section role="main">
        <div class="row">
            <div class="span12">
                <div class="row">
                    <div class="span6">
                        <p>
                            <button class="btn" id="example-images">对比图像</button>
                        </p>
                        <div id="image-diff" class="small-drop-zone"></div>
                        <div id="diff-results"> </div>
                    </div>
                </div>
            </div>
        </div>
        <br/>
        <br/>
    </section>
    <script src="js/HZRecorder.js"></script>
    <script src="js/loadmic.js"></script>
</div>
</body>
</html>
